.ui-autocomplete
{
  background: none;
  background-color: @apos-white;
  .apos-drop-shadow;

  .ui-menu-item
  {
    color: @apos-black;
    background-color: @apos-light;
    border: none;
    padding: @apos-padding-1;
    font-family: "Roboto", "Helvetica", sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
  }

  .ui-menu-item-wrapper {
    padding: 10px;
    background: transparent;
    border: none;
  }

  .ui-state-active,
  .ui-state-active:hover,
  .ui-widget-content .ui-state-active,
  .ui-widget-content .ui-state-active:hover
  {
    border: none;
    color: @apos-white;
    background: none;
    background-color: @apos-primary;
    font-weight: 600;
    margin: 0;
  }

}
